<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>新版H5Player</title>
		<link rel="stylesheet" href="css/view.css" />
		<link rel="stylesheet" href="css/audio.css" />

	</head>

	<body>
		<!--最外层大容器-->
		<div class="wrap">
			<!--状态栏-->
			<div class="statusDiv">状态栏部分...</div>
			<!--顶部菜单栏-->
			<div class="menu menu_top"></div>
			<!--中间canvas层-->
			<div class="canvasDiv">
				<canvas id="backCanvas" class="absolute-center" width="1024" height="693">您的浏览器不支持canvas元素，建议更新浏览器</canvas>
				<canvas id="middleCanvas" class="absolute-center" width="1024" height="693">您的浏览器不支持canvas元素，建议更新浏览器</canvas>
				<canvas id="frontCanvas" class="absolute-center" width="1024" height="693">您的浏览器不支持canvas元素，建议更新浏览器</canvas>
			</div>
			<!--在中间显示的开始暂停按钮-->
			<div class="playBtn absolute-center"></div>
			<!--加载中等状态提示-->
			<div class="alterDiv absolute-center">
				加载中...
			</div>
			<!--底部菜单栏-->
			<div class="menu menu_bottom">
				<!--<span class="currentTime">00:00</span>
				<span class="slideAllTime">
					<span class="slideCurrentTime"></span>
				</span>
				<span class="totalTime">10:00</span>-->
				<audio preload="auto" id='audio'>
					<source src="audio.ogg"></source>
					<source src="audio.mp3"></source>					
					<source src="audio.wav"></source>
				</audio>
			</div>
		</div>
		<script type="text/javascript" src="js/lib/require.js" data-main="js/main"></script>
	</body>

</html>